<!DOCTYPE html>
<html>
<head>
<title>酒店</title>
<link href='http://fonts.useso.com/css?family=Open+Sans:600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/oneroot.css" rel="stylesheet" type="text/css" media="all"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/jquery.min.js"></script>

</head>
<body>
<!--header starts-->
<div class="header">
	 <div class="top-header">
		 <div class="container">
			 <div class="logo">
				 <a href="index">MapleHotel</a>
			 <div class="clearfix"></div>
			 </div>
			 <span class="menu"> </span>
			 <div class="m-clear"></div>
			 <div class="top-menu">
			     <ul>
					 <li><a href="index">首页</a></li>
					 <li><a href="restaurant">房间</a></li>
					 <li class="active"><a href="booking">预定</a></li>
					 <li><a href="login">登录</a></li>
					 <li><a href="zhuce">注册</a></li>
						<div class="clearfix"></div>
				 </ul>
				 <script>
					$("span.menu").click(function(){
						$(".top-menu ul").slideToggle(200);
					});
				</script>
			 </div>
		  </div>
	  </div>
</div>
<!---->
<div class="contact-bg2">
	<div class="yuding">
		<div class="top">
			<h4>欢迎预定我们酒店单人间</h4>
		</div>
		<div class="t_img">
			<img src="images/下载6.jpg" alt="" width="650px" height="400px">
		</div>
		<div class="t_wen">
			<h1>总统套间</h1>
			<div class="t_cen">
				<p>床型:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一张大床</p>
				<p>宽带:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;免费WiFi</p>
				<p>标准价:&nbsp;&nbsp;&nbsp;&nbsp;1999</p>
				<p>简介:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;安全舒适、功能齐全，设有中央空调</p>
			</div>
			<div class="yud">
				<a href="liuing"><span>立即预定</span></a>
			</div>	
		</div>
	</div>
</div>


<div class="tupian">
	<div class="tuc">
		<div class="tishi">
			<div class="qb">
				<div class="hx"></div>
				<h4>每天14:00以后入住,12:00之前退房</h4>
			</div>			
		</div>

		<div class="img_t">
			<img src="/images/333.jpg" alt="" width="1260px" height="400px">
		</div>
	</div>
</div>

<!---->
<div class="fotter">
	<div class="container">
		<h3>Maple酒店</h3>
		<h4>“热情好客，质量好，位置好。我们只为你提供最好的酒店。</h4>
		<i class="man"></i>
	</div>
</div>
<!---->
<div class="fotter-info">
   <div class="container">
	   <div class="col-md-5 details">
		  <div class="hotel-info">
			  <h4>关于这个酒店</h4>
			  <p>酒店设计以金黄色为主色调，弥漫着浓郁的地中海风情，更有来自世界各地的装饰：法国的青铜、意大利的音乐喷泉、法国的水晶灯、国际一流水准的寝室用品、加上富丽堂皇的回廊，金箔的装饰，由内及外无不彰显皇室气派。</p>
		  </div>
		  <div class="news">
			  <h4>最新消息</h4>
			  <h5>酒店迎国庆</h5>
			  <a href="#">酒店迎国庆,降级大酬宾,欢迎各位来住</a>
			  <h5>酒店迎中秋</h5>
			  <a href="#">酒店迎中秋,降级大酬宾,欢迎各位来住</a>
			  <h5>酒店迎五一</h5>
			  <a href="#">酒店迎五一,降级大酬宾,欢迎各位来住</a>
			  <h5>酒店迎新春</h5>
			  <a href="#">酒店迎新春,降级大酬宾,欢迎各位来住</a>		
		  </div>
			 <div class="clearfix"></div>
	  </div>
	  <div class="col-md-7 details">
		  <div class="join">
			  <h4>加入我们</h4>
			  <p>如果你正值年轻，有一箩筐天马行空的想法无处安放。</p>

			  <p>如果你经验丰富，需要一个足够包容的平台大展身手。</p>
			   
			   <p>如果你厌倦重复，迫切需要新鲜的气息瞬间唤醒热情。</p>
			   
			   <p>如果你热衷挑战，决心要把所有困难毫不留情地打倒。 </p>
		  </div>
		  <div class="member">
		   <h4>疫情防控</h4>
		   <p>新型冠状病毒疫情防控工作遵循”高度戒备、预防第一”的方针，贯彻“统一领导、分工负责、措施得当、反应及时、处置果断”的原则。 </p>
		  </div>
		  <div class="clearfix"></div>
	  </div>
	  <div class="clearfix"></div>
   </div>	
	 <h6>广西城市职业大学 &copy; 毕业设计</h6>	
</div>
<!---->

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>